<generic>
	<template>
	<VBox id="popup" width="100%" height="100%" verticalAlign="middle" horizontalAlign="center">     
    <Panel title="Event Preview" paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10" borderColor="#8cbf40">
          <VBox width="100%" height="100%" verticalAlign="middle" horizontalAlign="center">
              <Label text="Lorem Ipsum" x="10" y="10" fontWeight="bold"/>
              <HBox width="100%" height="100%" verticalAlign="middle" horizontalGap="30" backgroundColor="white">
                     <VBox width="100%" height="100%" verticalAlign="middle" horizontalAlign="left">
                        <Label text="Start Time: 11:30 " x="10" y="10" fontWeight="bold"/>
                        <Label text="End Time:   12:30 " x="10" y="10" fontWeight="bold"/>
                        <Text width="420" text="This is an example of a multiline text string in a Text control.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec pellentesque pulvinar mi, in tempus nunc tristique sed. Aenean quis erat id massa tincidunt tempus in id augue. Praesent fringilla pharetra tortor, a varius magna tempor quis. Donec ac diam sed urna rutrum luctus at sed erat. Sed imperdiet sagittis diam quis cursus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Curabitur neque purus, viverra at varius a, vestibulum ac orci. Sed pellentesque erat ut arcu ullamcorper vel tristique nunc dictum. Morbi viverra, risus vel consequat mattis, neque mauris tempus nisi, at blandit justo lorem ac nibh. Curabitur nec eros est. " x="10" y="10" />
                     </VBox>
                     <VBox width="100%" height="100%" verticalAlign="middle" horizontalAlign="center">
                     <Image source="images/family.png"/>
                     <Label text="Event Case" x="10" y="10" fontWeight="bold" color="#2E0EE3"/>
                     <Image source="images/red.png"/>
                     <Label text="Event Priority" x="10" y="10" fontWeight="bold" color="#0F5051D"/>
                  </VBox>
              </HBox>
              <HBox width="100%" height="100%" verticalAlign="middle" horizontalGap="30" backgroundColor="white">
                 <Button id="editevent" label="Edit Event" x="10" y="10" width="120" color="#2b333c" borderColor="#8cbf40" themeColor="#8cbf40"/>
                 <Button id="share_event" label="Share Event" x="10" y="10" width="120" color="#2b333c" borderColor="#8cbf40" themeColor="#8cbf40" click="dispatchEvent(share_event, 'shareevent')" />
                 <Button id="delete" label="Delete Event" x="10" y="10"  width="120" color="#2b333c" borderColor="#8cbf40" themeColor="#8cbf40"/>
                 <Button id="cancel" label="Cancel" x="10" y="10" width="120" color="#2b333c" borderColor="#8cbf40" themeColor="#8cbf40" click="dispatchEvent(cancel, 'hide_popup')"/>
              </HBox>
           </VBox>
     </Panel>
</VBox>
	</template>
</generic>